<section id="main-content">
    <section class="wrapper site-min-height">
        <h3><i class="fa fa-angle-right"></i> <?php if (isset($title)){echo $title;} ?></h3>
          	
          	<!-- BASIC FORM ELELEMNTS -->
          	<div class="row mt">
          		<div class="col-lg-5">
                  <div class="form-panel">
                  	  <h4 class="mb"><i class="fa fa-tag"></i> Add Category</h4>
                      <form class="form-horizontal style-form" method="post">
                      	<div class="form-group">
                              <label class="col-sm-2 col-sm-2 control-label">Name </label>
                              <div class="col-sm-10">
                                  <input type="text"  class="form-control" placeholder="Type your new category.." required>
                              </div>
                        </div>
                        <div class="form-group">
							<label class="col-sm-2 col-sm-2 control-label">Parent</label>
							<div class="col-sm-10">
							  <select multiple="multiple" required>
							  	<?php foreach($arrKategori as $kategori): ?>
								  	<option value="<?php echo $kategori["id_kategori"]; ?>"><?php echo $kategori["nama_kategori"]; ?></option>
						   		<?php endforeach; ?>
							  </select>
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-2 col-sm-2 control-label">Description</label>
							<div class="col-sm-10">
                                  <textarea rows="4" cols="40" placeholder="Give new category description here..."></textarea>
                            </div>
						</div>
						<div class="form-group">
							<div style="text-align:center">
							  <button type="submit" class="btn btn-primary">Add New</button>
							  <button type="reset" class="btn">Cancel</button>
							</div>
						</div>
					  </form>
				  </div>
				</div>

				<div class="col-lg-7">
			 		<div class="content-panel">
                          <table class="table table-striped table-advance table-hover">
	                  	  	  <h4><i class="fa fa-tags"></i> All Categories</h4>
	                  	  	  <hr>
                              <thead>
                              <tr>
                                  <th><i class="fa fa-tag"></i> Category</th>
                                  <th><i class="fa fa-question-circle"></i> Descrition</th>
                                  <th><i class="fa fa-sitemap"></i> Parent</th>
                                  <th></th>
                              </tr>
                              </thead>

                              <tbody>

                              <tr>
                                  <?php foreach($arrKategori as $key => $kategori): ?>
										<tr>
											<td><a href="<?php echo base_url("backend/kategori/lists")."/".$kategori["id_kategori"]; ?>" ><?php echo $kategori["nama_kategori"]; ?></a></td>
											<td class="center"><?php echo $kategori["deskripsi"] ?></td>

											<td class="center"><?php echo $kategori["root"] ?></td>									
											<td class="center">
												<button class="btn btn-primary btn-xs"><i class="fa fa-pencil"></i></button>
                                      			<button class="btn btn-danger btn-xs"><i class="fa fa-trash-o "></i></button>
											</td>
										</tr>	
									<?php endforeach?>
                                      
                                  </td>
                              </tr>
                              
                              </tbody>
                          </table>
                     </div><!-- /content-panel -->
                </div>
			</div><!-- /row -->

		</section>
      </section><!-- /MAIN CONTENT -->

